#{extends 'layout.html' /}
#{set title:messages.get('plan.creacion2') /}

<div id="crudList" class="${type.name}">
	
	<h2 id="crudListTitle">${title}</h2>
		
	#{if templatesPlan.size <= 0}
		<div class="crudFlash flashError">
			&{'plan.sinTemplates'}
		</div>
	#{/if}
	
	#{if templatesPlan.size > 0}
		<div id="crudListTable">
			
			<table>
				<thead>
					<tr>
						<th>Nombre</th>
						<th>Tipo de Plan</th>
						<th>Calorias</th>
						<th>Autor</th>
					</tr>
				</thead>
				#{list items:templatesPlan, as:'templatePlan' }
					<tr>
						<td>
							<a href="@{Plans.newPlan3(pacienteId, caloriasDiarias, templatePlan.id)}" style="width: 100px; height: 100px;">
								${templatePlan.nombre}
							</a>
						</td>
						<td>${templatePlan.tipo}</td>
						<td>${templatePlan.caloriasDiarias}</td>
						<td>${templatePlan.autor?.nombre}</td>
					</tr>
				#{/list}
			</table>
		</div>
	#{/if}
	
    <br>
	
	<div id="crudListAdd" class="btn">
		<a href="@{Plans.newPlanManual(pacienteId, caloriasDiarias)}">
			&{'plan.creacionManual'}
		</a>
	</div>
	
</div>